<template>
  <div class="box">
    <div class="inside">
      <div class="time">
        <a href="#">365天</a>
        <span></span>
        <a href="#">90天</a>
        <span></span>
        <a href="#">30天</a>
        <span></span>
        <a href="#">24小时</a>
      </div>
      <div class="item">
        <div>
            <h4>20,301,987</h4>
            <span><i class="icon-dot" style="color:#ed3f35"></i>订单量</span>
        </div>
         <div>
            <h4>99834</h4>
            <span><i class="icon-dot" style="color:#eacf19"></i> 销售额(万元)</span>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'EchratConclusion',

  data () {
    return {}
  },

  mounted () {},

  methods: {}
}
</script>

<style lang="less" scoped>
.box {
  height: 60px;
  .time {
    a {
      color: #1950c4;
      font-size: 20px;
      &:nth-child(1) {
        color: #fff;
      }
    }
    span {
      display: inline-block;
      width: 2px;
      height: 16px;
      margin: 0 20px;
      background-color: #00f2f1;
    }
  }
  .item {
    display: flex;
    width: 350px;
    justify-content: space-between;
    margin-top: 20px;
    h4 {
        color: #fff;
        font-size: 28px;
        margin-bottom: 15px;
    }
    span {
      color:#4c9bfd;
      font-size: 16px;
    }
  }
}
</style>
